<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>公益微博</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="address=no">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/common.css">		
		<link rel="stylesheet" type="text/css" href="css/mui.min.css">	
		<link rel="stylesheet" href="css/reset.css">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/iscroll.js"></script>
		<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
		<script src="js/hmt.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script src="js/swiper.min.js" type="text/javascript" ></script>
		<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header class="hasManyCity hasManyCitytwo" id="header">
			<a href="javascript:history.go(-1)" class="fl fanhui"><i class="iconfont icon-fanhui"></i></a>
			<div class="header-tit">
				公益微博
			</div>					
		</header>
		
		
		<div id="container">						 
			<div class="scroll-top">
			 <div class="public-list">
			 	<div class="mui-slider">
                  <div class="mui-slider-group mui-slider-loop">
                     <!--支持循环，需要重复图片节点-->
					    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="img/banner/appbanner-1.jpg"></a></div>
					    <div class="mui-slider-item"><a href="#"><img src="img/banner/appbanner-1.jpg"></a></div>
					    <div class="mui-slider-item"><a href="#"><img src="img/banner/appbanner-2.jpg"></a></div>
					    <div class="mui-slider-item"><a href="#"><img src="img/banner/appbanner-1.jpg"></a></div>
					    <div class="mui-slider-item"><a href="#"><img src="img/banner/appbanner-2.jpg"></a></div>
					    <!--支持循环，需要重复图片节点-->
					    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="img/banner/appbanner-1.jpg"></a></div>
					    <!--通常轮播图中那个小圆点，页面轮播他也会移动-->    
					    </div>
			            <div class="mui-slider-indicator">
			                <div class="mui-indicator mui-active"></div>
			                <div class="mui-indicator"></div>
			                <div class="mui-indicator"></div>
			                <div class="mui-indicator"></div>
			            </div>
                </div>
			 </div>	
			</div>
			<div class="public-list">
				<div class="public-causes">
				<span class="fl">公益企业动态</span>
				<span class="public-causes-bg">
					<img src="img/gyqy.png" alt="公益企业" /></span>
				<span class="fr"><a href="#">更多>></a></span>
			    </div>
			      <div class="causes-list">
			      	<ul>
			      		<li>
			      			<div class="causes-left fl">
			      				<img src="img/slt.png" alt="公益组织" >
			      			</div>
			      			
			      			<div class="causes-right fr">
			      				<p><span class="sort-num">Top1</span><span class="set">#对父母的孝最好是。。。</span></p>
			      				<p><span class="set">有时候觉得父母一直在身边，不管经历什么，他们总。。。</span></p>
			      				<p class="PViews"><span>阅读数：<i>85.6</i>万</span><span>主持人：马小玲乐苦多</span></p>		      				
			      			</div>
			      			<div class="focus"><a href="#">关注</a></div>
			      		</li>
			      		<li>
			      			<div class="causes-left fl">
			      				<img src="img/slt.png" alt="公益组织" >
			      			</div>
			      			
			      			<div class="causes-right fr">
			      				<p><span class="sort-num">Top1</span><span class="set">#对父母的孝最好是。。。</span></p>
			      				<p><span class="set">有时候觉得父母一直在身边，不管经历什么，他们总。。。</span></p>
			      				<p class="PViews"><span>阅读数：<i>85.6</i>万</span><span>主持人：马小玲乐苦多</span></p>		      				
			      			</div>
			      			<div class="focus"><a href="#">关注</a></div>
			      		</li>
			      		<li>
			      			<div class="causes-left fl">
			      				<img src="img/slt.png" alt="公益组织" >
			      			</div>
			      			
			      			<div class="causes-right fr">
			      				<p><span class="sort-num">Top1</span><span class="set">#对父母的孝最好是。。。</span></p>
			      				<p><span class="set">有时候觉得父母一直在身边，不管经历什么，他们总。。。</span></p>
			      				<p class="PViews"><span>阅读数：<i>85.6</i>万</span><span>主持人：马小玲乐苦多</span></p>		      				
			      			</div>
			      			<div class="focus"><a href="#">关注</a></div>
			      		</li>
			      	</ul>
			      </div>
			      <div class="public-hot">
						<div class="public-hot-com fl">
							<div class="public-hot-titsu">
								<span class="public-hot-tit">热门相册</span>
							</div>
						
						<p class="hot-ps"><img src="img/hot-ps.png" alt="热门相册"></p>
						<p><a href="#" class="public-more">查看更多&gt;</a></p>
					</div>
					<div class="public-hot-com fr">
						<div class="public-hot-titsu">
								<span class="public-hot-tit">热门话题</span>
								<span class="public-hot-tit huan">换一换</span>
							</div>
						<ul class="hot-new-list">
							<li>
								<span class="fl">留守儿童惨死粪池</span>
								<span class="fr">2254万</span>
							</li>
							<li>
								<span class="fl">留守儿童惨死粪池</span>
								<span class="fr">2254万</span>
							</li>
							<li>
								<span class="fl">留守儿童惨死粪池</span>
								<span class="fr">2254万</span>
							</li>
							<li>
								<span class="fl">留守儿童惨死粪池</span>
								<span class="fr">2254万</span>
							</li>
							<li>
								<span class="fl">留守儿童惨死粪池</span>
								<span class="fr">2254万</span>
							</li>
							
						</ul>
						<p><a href="#" class="public-more">查看更多&gt;</a></p>
					</div>
					</div>
			    
			</div>
		</div>
		
	<footer id="footer">
			<div class="footer-list">
				<a href="index.html">
					<div class="icon i-1"></div>
					
					<p>购物车</p>
				</a>
			</div>
			<div class="footer-list">
				<a href="remen.html">
					<div class="icon i-2"></div>
					<p>我的收藏</p>
				</a>
			</div>
			<div class="footer-list">
				<a href="rush.html">
					<div class="icon i-3"></div>
					<p>我的订单</p>
				</a>
			</div>
			<div class="footer-list">
				<a href="tuan.html">
					<div class="icon i-4"></div>
					<p>个人中心</p>
				</a>
			</div>
						
		</footer>	
	</body>
	<script src="js/other.js" type="text/javascript" charset="utf-8"></script>	
	<script type="text/javascript">
		//获得slider插件对象
var gallery = mui('.mui-slider');
gallery.slider({
  interval:5000//自动轮播周期，若为0则不自动播放，默认为0；
});
	</script>
</html>